<template>
  <a-modal :open="open" :width="1180" title="检查" centered @cancel="onCancel">
    <div class="overflow-auto" style="height: 65vh">
      <div v-for="item in 10" :key="item" class="mt-4 mb-2 mx-2 border border-solid rounded hover:bg-secondary">
        <div class="h-12 border-b border-solid flex items-center bg-thin">
          <div class="projectName truncate">
            <a-tooltip placement="topLeft" title="X线检查"> X线检查 </a-tooltip>
          </div>
          <div class="ml-12">申请时间：2022-10-11 12:12:12</div>
          <div class="ml-20">申请医生：张三</div>
        </div>
        <div class="h-16 flex items-center justify-around">
          <div>颈部 /胸部</div>
          <div>颈部正侧位/颈部侧位</div>
          <div>新申请</div>
          <div>报告时间：2022-10-11 12:12:12</div>
          <div>
            <a-button type="link" size="small"> 查阅报告 </a-button>
          </div>
        </div>
      </div>
    </div>
  </a-modal>
</template>
<script setup>
defineProps({
  open: Boolean
})
const emit = defineEmits(['update:open'])
const onCancel = () => {
  emit('update:open', false)
}
</script>
<style lang="less" scoped>
.active-li {
  border: 1px solid var(--primary-color);
}
.projectName {
  width: 230px;
  padding: 0 5px;
  font-weight: 700;
  font-size: 20px;
  text-align: center;
}
</style>
